<!DOCTYPE html>
<!-- saved from url=(0105)http://mp.weixin.qq.com/mp/appmsg/show?__biz=MjM5OTM3NjIyMA==&appmsgid=10000348&itemidx=1#wechat_redirect -->
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 

<title>{{title}}</title>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
<style type="text/css">
html{background:#FFF;color:#000;}
body, div, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td{margin:0;padding:0;}
pre{word-break: break-all;word-wrap: break-word;}
table{border-collapse:collapse;border-spacing:0;}
fieldset, img{border:0;}
address, caption, cite, code, dfn,  th, var{font-style:normal;font-weight:normal;}
ol, ul{list-style:none;}
caption, th{text-align:left;}
h1, h2, h3, h4, h5, h6{font-size:100%;font-weight:normal;}
q:before, q:after{content:'';}
abbr, acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input, textarea, select{font-size:100%;}
legend{color:#000;}
html{background-color:#f8f7f5;}
body{background:#f8f7f5;color:#222;font-family:Helvetica, STHeiti STXihei, Microsoft JhengHei, Microsoft YaHei, Tohoma, Arial;height:100%;padding:15px 15px 0;position:relative;}
body > .tips{display:none;left:50%;padding:20px;position:fixed;text-align:center;top:50%;width:200px;z-index:100;}
.page{padding:15px;}
.page .page-error, .page .page-loading{line-height:30px;position:relative;text-align:center;}
.btn{background-color:#fcfcfc;border:1px solid #cccccc;border-radius:5px;box-shadow:0 1px 4px rgba(0, 0, 0, 0.3);color:#222;cursor:pointer;display:block;font-size:15px;font-weight:bold;margin:15px 0;moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3);padding:10px;text-align:center;text-decoration:none;webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3);}
.icons{background:url() no-repeat 0 0;border-radius:5px;height:25px;overflow:hidden;position:relative;width:25px;}
.icons.arrow-r{background:url() no-repeat center center;background-size:100%;height:16px;width:12px;}
.icons.check{background-position:-25px 0;}
#activity-detail .page-bizinfo .header #activity-name{color:#000;font-size:20px;font-weight:bold;word-break:normal;word-wrap:break-word;}
.activity-info{}
.activity-meta{display:inline-block;margin-left:8px;;padding-top:2px;padding-bottom:2px;color:#8c8c8c;font-size:11px;}
.activity-meta.no-extra{margin-left:0;}
.activity-info .text-ellipsis{display:inline-block;max-width:104px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#post-user {text-decoration:none;outline:0;color:#607FA6;}
a.activity-meta{
    text-decoration:none;outline:0;color:#607FA6;
}
a.activity-meta:active{
    color:#607FA6;
}
a.activity-meta:active .icon_link_arrow{background:transparent url() no-repeat 0 0;-webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%;}
.activity-info .icon_link_arrow{
    margin-left:3px;
    margin-top:-5px;
}
.icon_link_arrow{display:none;vertical-align:middle;width:7px;height:7px;background:transparent url() no-repeat 0 0;-webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%;}
#activity-detail .page-content{margin:18px 0 0;}
#activity-detail .page-content .media{margin:18px 0; }
#activity-detail .page-content .media img{width:100%;}
#activity-detail .page-content .text{color:#3e3e3e;line-height:1.5; width: 100%; }
#activity-detail .page-content .text p{*zoom:1;min-height:1.5em;min-height: 1.5em;word-wrap:break-word;}
#activity-detail .page-content .text p:after{content: "\200B"; display: block; height: 0; clear: both; }
#activity-list .header{font-size:20px;}
#activity-list .page-list{border:1px solid #ccc;border-radius:5px;margin:18px 0;overflow:hidden;}
#activity-list .page-list .line.btn{border-radius:0;margin:0;text-align:left;}
#activity-list .page-list .line.btn .checkbox{height:25px;line-height:25px;padding-left:35px;position:relative;}
#activity-list .page-list .line.btn .checkbox .icons{background-color:#ccc;left:0;position:absolute;top:0;}
#activity-list .page-list .line.btn.off .icons{background-image:none;}
.vm{vertical-align:middle;}
.tc{text-align:center;}
.db{display:block;}
.dib{display:inline-block;}
.b{font-weight:700;}
.clr{clear:both;}
.text img{max-width:100%!important;height:auto!important;}
.page-toolbar{padding-top:18px;padding-bottom:18px;overflow:hidden;*zoom:1;}
.page-toolbar a{color:#607FA6;font-size:14px;text-decoration:none;text-shadow:0 1px #ffffff;-webkit-text-shadow:0 1px #ffffff;-moz-text-shadow:0 1px #ffffff;}
.page-url{float:left;}
.page-toolbar a.page-imform{float:right;color:#7B7B7B;}


.page-toolarea{ font-size:14px;padding-top:10px;padding-bottom:20px; }
.page-toolarea a{ display:block;line-height:2em;color:#7B7B7B;text-decoration:none; }
.page-toolarea .icon_arrow_gray{margin-left:5px;margin-top:-.2em;}

.line_title{ text-align:center;margin-top:20px;border-top:1px dotted #A8A8A7;}
.line_title .tips{display:inline-block;position:relative;top:-9px;padding-left:16px;padding-right:16px;font-size:14px;color:#CFCFCF;background-color:#F8F7F5;text-decoration:none;}

.icon_arrow_gray{
    display:inline-block;
    vertical-align:middle;
    width:7px;height:7px;
    background:transparent url() no-repeat 0 0;
    -webkit-background-size:100%;-moz-background-size:100%;-o-background-size:100%;background-size:100%;}
    .selectTdClass{background-color:#edf5fa !important}table.noBorderTable td,table.noBorderTable th,table.noBorderTable caption{border:1px dashed #ddd !important}table{margin-bottom:10px;border-collapse:collapse;display:table;}td,th{word-wrap:break-word;word-break:break-all;padding: 5px 10px;border: 1px solid #DDD;}caption{border:1px dashed #DDD;border-bottom:0;padding:3px;text-align:center;}th{border-top:2px solid #BBB;background:#F7F7F7;}.ue-table-interlace-color-single{ background-color: #fcfcfc; } .ue-table-interlace-color-double{ background-color: #f7faff; }td p{margin:0;padding:0;}
    </style>
    <!--[if lt IE 9]>
    <link rel="stylesheet" type="text/css" href="http://res.wx.qq.com/mmbizwap/zh_CN/htmledition/style/pc-page1b2f8d.css"/>
    <![endif]-->
    <style type="text/css" media="screen and (min-width:1000px)">
    /*适配PC端*/
    body{padding: 0;font-family: '宋体'; background: #fff;}
    .page-bizinfo,#activity-detail .page-content{width: 700px; margin: 0 auto;padding: 20px 20px 0;border-left: 1px solid #ccc;border-bottom: 1px solid #ccc;border-right: 1px solid #ccc;}
    .page-bizinfo{border-bottom: none;}
    #activity-detail .page-content{padding-top: 0;}
    .page-bizinfo .header a.activity-meta{vertical-align: middle;}
    .activity-info{margin-top: 6px;}
    #activity-detail .page-content .media img{width: 100%;}
    #activity-detail .page-bizinfo .header #activity-name{ padding-bottom: 10px; border-bottom: 1px dotted #ccc;}
    #activity-detail .page-content .text p{ line-height: 2em;}
    #activity-detail .page-content .media{margin: -2px 0px 18px 0;}
    </style>
    <style>
    body{ -webkit-touch-callout: none; -webkit-text-size-adjust: none; }
    </style>
    <style>
    #nickname{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;max-width:90%;}
    ol,ul{list-style-position:inside;}
    #activity-detail .page-content .text{font-size:16px;}
</style></head> 

<body id="activity-detail">
    <img width="12px" style="position: absolute;top:-1000px;" src="./ico_loading1984f1.gif">

    <div class="page-bizinfo">
        <div class="header">
            <h1 id="activity-name">{{activity-name}}</h1>
            <p class="activity-info">
                <span id="post-date" class="activity-meta no-extra">2013-05-01</span>
                <a href="javascript:viewProfile();" id="post-user" class="activity-meta">
                    <span class="text-ellipsis">{{post-user}}</span><i class="icon_link_arrow"></i>
                </a>
            </p>
        </div>
    </div>

    <div id="page-content" class="page-content">

        <div class="media" id="media">
            {{media}}
        </div>
        <div class="text">
            {{content}}
        </div>
        <p class="page-toolbar">
            {{toolbar}}
        </p>
    </div>
    </body></html>